﻿html,body {
    height:100%;
    width:100%;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/*ブロック用 開始*/
.freezePaneOff
{
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.freezePaneOn
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 998;
    opacity: 0.0;
    overflow:hidden;
}

.innerFreezePane
{
    position: absolute;
    text-align: center;
    top: 30%;
    left:20%;
    right:20%;
    height: 200px;
    z-index: 999;
    background-color: #aaa;
}
.innerFreezePaneMini
{
    position: absolute;
    text-align: center;
    top: 50%;
    left:20%;
    right:20%;
    height: 200px;
    z-index: 999;
}

 @media screen and (max-width: 1000px) {
     .innerFreezePane
    {
        left:15%;
        right:15%;
    }
 }

@media screen and (max-width: 800px) {
    .innerFreezePane {
        left: 5%;
        right: 5%;
    }
}

@media screen and (max-width: 500px) {
     .metro .horizontal-menu li{
         margin-bottom:5px;
         margin-top:5px;
     }
 }

.prog-cont
{
    padding:30px;
    vertical-align:central;
    color:black;
}

.prog-percent{
    height:20px;
    vertical-align:central;
}

a#prog-cancel{
    color:darkblue;
}


.dialog-cont > div {
    position:relative;
    width:100%;
} 
.dialog-cont > div > img{
    position:absolute;
    top:150px;
    left:50%;
} 
/*ブロック用 終了*/

.search-result-message
{
    text-align:right;
    margin-right:50px;
}

.notify-message
{
    color:pink;
    font-size:small;
}

.grouplist li
{
    margin:5px;
}

.grouplist input[type="text"]{
    width:100px;
}

.list-subtitle {
}

.list-subtitle span{
    margin-right:10px;
}

.list-content .small-preview {
    max-width:100px;
    max-height:100px;
    padding-right:25px;
}

.list-content.open .small-preview {
    max-width:600px;
    max-height:600px;
}

.list-content a.item-description{
    color:black!important;
    font-size:0.8em;
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    display:block; 
    text-decoration:none;
}
.list-content.open a.item-description{
    white-space:normal; 
    text-overflow:initial; 
    overflow:visible;
}


.list-content.image-content .small-preview{
    float:left;
}

.list-content.image-content .blobfile{
    float:left;
}

.list-content.image-content .item-description{
    white-space:normal; 
    text-overflow:initial; 
    overflow:visible;
    max-width:600px;
}

.list-content.image-content.open .item-description{
    max-width:100%;
}

.table-layout{
    margin:20px;
    font-size:large;
    align-content:center;
}

.table-layout td{
    padding:5px;
}

#folder-cont,#users-cont{
    height:100%;
    overflow:auto;
    padding-bottom:50px;
}

.field-validation-error, .validation-summary-errors ul li, .validation-summary-errors
{
    color:#ff0000 !important;
}

.morePage{
    cursor:pointer;
    background-color:lightgray;
    text-align:center;
    vertical-align:central;
    height:50px;
}


.list-title input {
    margin: 5px;
}

div.list-subtitle {
    font-weight: normal;
}

.command-link{
    color:white !important;
}

.context-command-link {
}

.user-info-table td {
    padding:10px;
    width:100%;
}

#contextMenu-dialog{
    float: right;  
    display:inline-block;
    cursor:default;
}

.context-command-link{
    color:blue!important;
}

a.list, .list a {
    text-decoration:none;
}

#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.cloudtag {
    padding:3px;
}

.home-command {
    color:blue;
    font-size:2em;
}

#header-cont{
    background-color:rgba(157, 1, 45, 1);
}
#file-drop-cont {
    position:fixed;
    top:1%;
    bottom:1%;
    left:1%;
    right:1%;
    padding:10px;
    background-color: #666;
    opacity: 0.3;
    text-align:center;
    vertical-align:middle;
    font-size:2.0em;
    color:black;
}
#file-drop-cont span {
    width:100%;
    text-align:center;
    top:40%;
    position:absolute;

}

.titles-bar
{
    margin-bottom:0px;
    margin-left:50px;
}

.titles-bar h1 span {
    font-weight: 900;
    text-shadow: 0px 0px 0px #ffffff;
    font-size: 28px;
    font-family: "Segoe UI", "Segoe WP", "Roboto","Frutiger","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.titles-bar h1 {
    margin:0;
}

.header-area{
    padding-left:25px;
    padding-right:25px;
 }

.dropdown-menu{
    background-color:rgba(157, 1, 45, 1) !important;
}

.highlight {
    background-color: #FFFF88;
}

.row-same-height {
  display: table;
  width: 100%;
  height:50px;
  /* fix overflow */
  table-layout: fixed;
}

.accesslog td {
    padding-left:20px;
}

.error-message {
    color:red !important;
}

.logview-table{
    width:100%;
}

.logview-table td{
    word-wrap: break-word;
    word-break : break-all;
    border:solid 1px;
    padding:3px;
}

ul.send-mail-files li {
    font-size:large;
    color:blue;
}